<template>
  <div class="content">
    <div class="left">
      <h5>
        <svg t="1734943566776" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="1656" width="23" height="23">
          <path
            d="M424.319032 885.693004 424.319032 620.123556 601.364307 620.123556 601.364307 885.693004 822.671669 885.693004 822.671669 531.60143 955.455881 531.60143 512.841158 133.24777 70.226434 531.60143 203.01167 531.60143 203.01167 885.693004Z"
            fill="#CCCCCC" p-id="1657"></path>
        </svg>
        &nbsp; / &nbsp;会员中心
      </h5>
      <el-menu :default-active="$route.path" class="el-menu-vertical-demo">
        <el-menu-item index="/user/certification" @click="goUser('/user/certification')">
          <el-icon>
            <svg t="1734944316082" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="2709" width="23" height="23">
              <path
                d="M864 128 160 128C71.776 128 0 199.776 0 288l0 448c0 88.224 71.776 160 160 160l704 0c88.224 0 160-71.776 160-160L1024 288C1024 199.776 952.224 128 864 128zM960 736c0 52.928-43.072 96-96 96L160 832c-52.928 0-96-43.072-96-96L64 288c0-52.928 43.072-96 96-96l704 0c52.928 0 96 43.072 96 96L960 736z"
                fill="#272536" p-id="2710"></path>
              <path
                d="M384 320 160 320c-17.664 0-32 14.336-32 32s14.336 32 32 32l224 0c17.664 0 32-14.336 32-32S401.664 320 384 320z"
                fill="#272536" p-id="2711"></path>
              <path
                d="M384 480 160 480c-17.664 0-32 14.336-32 32s14.336 32 32 32l224 0c17.664 0 32-14.336 32-32S401.664 480 384 480z"
                fill="#272536" p-id="2712"></path>
              <path
                d="M384 640 160 640c-17.664 0-32 14.336-32 32s14.336 32 32 32l224 0c17.664 0 32-14.336 32-32S401.664 640 384 640z"
                fill="#272536" p-id="2713"></path>
              <path
                d="M808.416 528c34.528-29.376 56.928-72.576 56.928-121.344 0-88.224-71.776-160-160-160s-160 71.776-160 160c0 48.768 22.4 91.968 56.928 121.344-71.744 37.376-120.928 112.32-120.928 198.656 0 17.696 14.336 32 32 32 17.696 0 32-14.304 32-32 0-88.224 71.776-160 160-160s160 71.776 160 160c0 17.696 14.304 32 32 32s32-14.304 32-32C929.344 640.32 880.16 565.376 808.416 528zM705.344 502.656c-52.928 0-96-43.072-96-96 0-52.928 43.072-96 96-96s96 43.072 96 96C801.344 459.584 758.272 502.656 705.344 502.656z"
                fill="#272536" p-id="2714"></path>
            </svg>
            <icon-menu />
          </el-icon>
          <span>实名认证</span>
        </el-menu-item>
        <el-menu-item index="/user/order" @click="goUser('/user/order')">
          <el-icon>
            <svg t="1734944380879" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="3757" width="23" height="23">
              <path
                d="M625.152 431.616c-35.84 0-65.024-29.184-65.024-65.024V107.008H225.28c-47.104 0-85.504 38.4-85.504 85.504V829.44c0 47.104 38.4 85.504 85.504 85.504h573.952c47.104 0 85.504-38.4 85.504-85.504V431.616h-259.584zM232.448 338.432c0-19.968 16.384-35.84 35.84-35.84h195.072c19.968 0 35.84 16.384 35.84 35.84v3.072c0 19.968-16.384 35.84-35.84 35.84H268.288c-19.968 0-35.84-16.384-35.84-35.84v-3.072zM752.128 742.4c0 19.968-16.384 35.84-35.84 35.84H268.288c-19.968 0-35.84-16.384-35.84-35.84v-3.072c0-19.968 16.384-35.84 35.84-35.84h448c19.968 0 35.84 16.384 35.84 35.84v3.072z m0-192.512c0 19.968-16.384 35.84-35.84 35.84H268.288c-19.968 0-35.84-16.384-35.84-35.84v-3.072c0-19.968 16.384-35.84 35.84-35.84h448c19.968 0 35.84 16.384 35.84 35.84v3.072z"
                p-id="3758"></path>
              <path d="M672.768 382.464h212.48l-266.24-274.944v221.696c0 28.672 24.064 52.736 53.76 53.248z"
                p-id="3759">
              </path>
            </svg>
            <icon-menu /></el-icon>
          <span>挂号订单</span>
        </el-menu-item>
        <el-menu-item index="/user/patient" @click="goUser('/user/patient')">
          <el-icon>
            <svg t="1734944431399" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="4796" width="23" height="23">
              <path
                d="M768 465.454545l-139.636364 0c-12.846545 0-23.272727 10.426182-23.272727 23.272727 0 12.846545 10.426182 23.272727 23.272727 23.272727l139.636364 0c12.846545 0 23.272727-10.426182 23.272727-23.272727C791.272727 475.880727 780.846545 465.454545 768 465.454545zM372.363636 256l46.545455 0 0 0 209.454545 0 0 0 46.545455 0C687.755636 256 698.181818 245.573818 698.181818 232.727273L698.181818 162.909091C698.181818 150.062545 687.755636 139.636364 674.909091 139.636364l-52.968727 0c-14.429091-40.587636-52.782545-69.818182-98.304-69.818182-45.521455 0-83.874909 29.230545-98.304 69.818182L372.363636 139.636364C359.517091 139.636364 349.090909 150.062545 349.090909 162.909091L349.090909 232.727273C349.090909 245.573818 359.517091 256 372.363636 256zM407.272727 186.181818l60.509091 0C466.990545 182.318545 465.454545 178.688 465.454545 174.545455c0-32.116364 26.065455-58.181818 58.181818-58.181818 32.116364 0 58.181818 26.065455 58.181818 58.181818 0 4.142545-1.536 7.773091-2.327273 11.636364l60.509091 0C646.423273 186.181818 651.636364 191.394909 651.636364 197.818182S646.423273 209.454545 640 209.454545l-232.727273 0C400.849455 209.454545 395.636364 204.241455 395.636364 197.818182S400.849455 186.181818 407.272727 186.181818zM768 628.363636l-139.636364 0c-12.846545 0-23.272727 10.426182-23.272727 23.272727 0 12.846545 10.426182 23.272727 23.272727 23.272727l139.636364 0c12.846545 0 23.272727-10.426182 23.272727-23.272727C791.272727 638.789818 780.846545 628.363636 768 628.363636zM884.363636 162.909091l-139.636364 0 0 46.545455 116.363636 0C899.630545 209.454545 930.909091 240.733091 930.909091 279.272727l0 581.818182c0 38.539636-31.278545 69.818182-69.818182 69.818182l-698.181818 0C124.369455 930.909091 93.090909 899.630545 93.090909 861.090909L93.090909 279.272727c0-38.539636 31.278545-69.818182 69.818182-69.818182l139.636364 0 0-46.545455L139.636364 162.909091c-51.432727 0-93.090909 41.658182-93.090909 93.090909L46.545455 884.363636c0 51.432727 41.658182 93.090909 93.090909 93.090909l744.727273 0c51.432727 0 93.090909-41.658182 93.090909-93.090909L977.454545 256C977.454545 204.567273 935.796364 162.909091 884.363636 162.909091zM446.929455 600.669091C472.250182 579.304727 488.727273 547.746909 488.727273 512c0-64.279273-52.084364-116.363636-116.363636-116.363636-64.279273 0-116.363636 52.084364-116.363636 116.363636 0 35.746909 16.477091 67.304727 41.797818 88.669091C245.573818 627.805091 209.454545 681.751273 209.454545 744.727273c0 5.306182 0.884364 10.379636 1.582545 15.499636C210.152727 762.693818 209.454545 765.253818 209.454545 768 209.454545 780.846545 219.880727 791.272727 232.727273 791.272727c12.846545 0 23.272727-10.426182 23.272727-23.272727l2.327273 0C256.837818 760.459636 256 752.686545 256 744.727273c0-64.279273 52.084364-116.363636 116.363636-116.363636 64.279273 0 116.363636 52.084364 116.363636 116.363636 0 7.959273-0.837818 15.732364-2.327273 23.272727l2.327273 0c0 12.846545 10.426182 23.272727 23.272727 23.272727 12.846545 0 23.272727-10.426182 23.272727-23.272727 0-2.746182-0.698182-5.306182-1.582545-7.773091C534.388364 755.106909 535.272727 750.033455 535.272727 744.727273 535.272727 681.751273 499.153455 627.805091 446.929455 600.669091zM372.363636 581.818182c-38.539636 0-69.818182-31.278545-69.818182-69.818182 0-38.539636 31.278545-69.818182 69.818182-69.818182 38.539636 0 69.818182 31.278545 69.818182 69.818182C442.181818 550.539636 410.903273 581.818182 372.363636 581.818182z"
                fill="#040000" p-id="4797"></path>
            </svg>
            <document />
          </el-icon>
          <span>就诊人管理</span>
        </el-menu-item>
        <el-menu-item index="/user/profile" @click="goUser('/user/profile')">
          <el-icon>
            <svg t="1734944467874" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="5805" width="200" height="200">
              <path
                d="M344.05 445.106c24.155 24.156 53.458 43.738 84.904 56.745C460.4 514.86 494.99 521.72 529.152 521.72c34.02 0 68.753-6.861 100.2-19.869 31.445-13.007 60.747-32.59 84.904-56.745 24.156-24.157 43.738-53.459 56.746-84.905 13.007-31.446 19.868-66.037 19.868-100.199 0-34.019-6.861-68.752-19.868-100.199-13.008-31.446-32.59-60.748-56.746-84.904-24.014-24.013-53.459-43.739-84.905-56.746-62.892-26.015-137.362-26.015-200.254 0-31.447 13.007-60.892 32.59-84.905 56.746-24.156 24.156-43.739 53.458-56.746 84.904-13.007 31.447-19.868 66.037-19.868 100.2 0 34.018 6.86 68.609 19.868 100.055 13.007 31.59 32.59 60.891 56.603 85.048z m394.79 136.361H319.465c-122.068 0-221.266 99.199-221.266 221.267S197.396 1024 319.464 1024h419.377c122.068 0 221.266-99.198 221.266-221.266 0-121.926-99.34-221.267-221.266-221.267z m0 0"
                fill="" p-id="5806"></path>
            </svg>
            <setting />
          </el-icon>
          <span>账号信息</span>
        </el-menu-item>
        <el-menu-item index="/user/feedback" @click="goUser('/user/feedback')">
          <el-icon>
            <svg t="1734944611378" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="6993" width="23" height="23">
              <path
                d="M973.312 484.352c-16.896 0-30.72 13.824-30.72 30.72v378.368c0 28.672-23.04 51.712-51.712 51.712H134.144c-28.672 0-51.712-23.04-51.712-51.712V136.704c0-28.672 23.04-51.712 51.712-51.712h379.904c16.896 0 30.72-13.824 30.72-30.72s-13.824-30.72-30.72-30.72H134.144C71.68 23.552 20.992 74.24 20.992 136.704v756.736c0 62.464 50.688 113.152 113.152 113.152H890.88c62.464 0 113.152-50.688 113.152-113.152v-378.368c0-16.896-13.824-30.72-30.72-30.72z"
                fill="#333333" p-id="6994"></path>
              <path
                d="M263.168 593.92h226.816c16.896 0 30.72-13.824 30.72-30.72s-13.824-30.72-30.72-30.72H263.168c-16.896 0-30.72 13.824-30.72 30.72s13.824 30.72 30.72 30.72zM263.168 820.736h503.296c16.896 0 30.72-13.824 30.72-30.72s-13.824-30.72-30.72-30.72H263.168c-16.896 0-30.72 13.824-30.72 30.72s13.824 30.72 30.72 30.72zM590.848 467.456c8.192 0 16.384-3.072 22.528-9.728l369.152-395.776c11.776-12.288 10.752-31.744-1.536-43.52s-31.744-10.752-43.52 1.536L568.32 415.744c-11.776 12.288-10.752 31.744 1.536 43.52 6.144 5.632 13.824 8.192 20.992 8.192z"
                fill="#333333" p-id="6995"></path>
            </svg>
            <setting />
          </el-icon>
          <span>意见反馈</span>
        </el-menu-item>
      </el-menu>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { useRoute, useRouter } from "vue-router";
//创建路由器对象
let $router = useRouter();
let $route = useRoute();

const goUser = (path: string) => {
  $router.push({ path: path })
}
</script>


<style scoped lang="scss">
.content {
  width: 1200px;
  display: flex;

  .left {
    flex: 2;

    h5 {
      display: flex;
      align-items: center;
      color: #777;
    }
  }

  .right {
    flex: 8;
  }
}
</style>